import './App.scss';

import React, {Suspense} from 'react';
import routes from './router/routes'
import { useRoutes } from "react-router-dom";
function App(props) {
  var finalRoutes= useRoutes(routes)
  return (
    <div id='app'>
      {/* v6 中用 Routes 替换了 Switch */ }
      {/* v6 中用 Navigate 替换了 Redirect */ }
      {/* v6 中 Routes 的子组件只能是Route 或 Fragment */ }
      {/* Route 组件的 element 相当于之前的 component, element对应的组件必须是<>形式 */ }
      {/* 注意: 如果某个路由下有子路由, 则当前路由对应组件中必须放置Outlet组件, 充当组件渲染出口 */ }
  
        {/* 渲染路由规则 */}
        {finalRoutes}
    </div>
  );
}

export default App;